iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0
自我挑戰組

轉職AI軟體工程師的自我學習分享筆記系列 第 9

Line Bot 圖文選單& 加入好友的歡迎訊息

  • 分享至 

  • xImage
  •  

建立圖文選單:

進入 https://manager.line.biz/ Line Official Account Manager, 點選創建的Line Bot
https://ithelp.ithome.com.tw/upload/images/20220923/20151681kWEoexOiFh.png

在Line Official Account Manager 主頁 > 聊天室相關 下點選 “圖文選單”
https://ithelp.ithome.com.tw/upload/images/20220923/20151681t33gVGKCpX.png

原本用 Canvas [https://www.canva.com/ ]設計了一個不規則的圖文選單, 結果要使用外掛 “荔枝好推” 申請一大堆連線和帳戶等...結果最後一步連接 Line Bot Channel access token 跳出
發生錯誤! 有可能是您的liff數量已滿,請至line developers將不再使用的liff刪除 或是機器人token提供錯誤! 請洽荔枝智慧!!
查了一下發現是現在Line Bot 的 Messaging API 不支援 LIFF 了, 而解決方案是建一個 Login Channel 巴拉巴拉的.....我晚上11開始邊研究編寫文章, 實在太花時間了....我還要睡覺呢哼! (怎麼才寫到第8天就一肚子 ”泣” )所以我決定重新設計我的圖文選單, 符合官方的模板樣式~
https://ithelp.ithome.com.tw/upload/images/20220923/20151681Pq5FtoZYUw.png

舊版圖文選單~ 都辛苦做了就放上來 :)
https://ithelp.ithome.com.tw/upload/images/20220923/201516819U8qHP0zy7.png

新版圖文選單~
https://ithelp.ithome.com.tw/upload/images/20220923/20151681cwNsnOFOua.png

點選 “建立圖文選單”
https://ithelp.ithome.com.tw/upload/images/20220923/20151681QKOkwsAOq3.png

點選 ”圖文選單“ 中右上角的 ”建立“
https://ithelp.ithome.com.tw/upload/images/20220923/20151681nW63YxNScX.png

並設定 標題, 使用期間, 選單列顯示文字, 上傳圖文選單的圖片, 並選則圖文選單的模板
https://ithelp.ithome.com.tw/upload/images/20220923/20151681erIwlXm2Gx.png

注意! 圖文選單的圖片大小必須符合選單的尺寸, 不然會出錯無法上傳
https://ithelp.ithome.com.tw/upload/images/20220923/20151681zzxRYZ1VFl.png

A~F區塊必須選擇一個動作類型(此專案使用的是文字和連結, 當然你也可以選擇 “優惠券” & “集點卡” 作為行銷的方式) , 可以自訂選單顯示列文字, 並將預設顯示方式, 點選為 “顯示” 並點選 “儲存”
https://ithelp.ithome.com.tw/upload/images/20220923/20151681vrdqcLu8hq.png

回到手機Line Bot 上看就看得到, 點選對應區塊 所傳送的文字動作囉!
點選 右下角的 “More ...” 還可以看到 ”屁桃iThome 30 日鐵人挑戰“ 的文章喔!
https://ithelp.ithome.com.tw/upload/images/20220923/20151681UR4xKSj5lV.png

補充:

建立 “加入好友的歡迎訊息”

可以到 “聊天室相關” 點選 “加入好友的歡迎訊息” 加入文字, 影片或圖片... 告知使用者此Line Bot 的功能~(如下圖)
https://ithelp.ithome.com.tw/upload/images/20220923/20151681KLklXgHUYH.png

重新點開手機Line Bot 就有歡迎訊息拉~!
https://ithelp.ithome.com.tw/upload/images/20220923/201516814u4I7eQiDI.png


上一篇
Line Bot 串接與連線
下一篇
Line Bot 互動式文字訊息回傳
系列文
轉職AI軟體工程師的自我學習分享筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言